{include file="common/header.tpl"}    
    <div id="vfriendContainer">
        <div id="mainContent2L">
            <div class="vfriendContainer2L">
                <div class="vfriendContent2L">
                	<div class="leftCol">  
                    	{include file="account/navigation.tpl"}                 	
                    </div>
                    <div class="rightCol noBg">                    	
                    	<div class="boxBasic">
                        	<div class="headerTitle"><h3>Ảnh đại diện</h3></div>
                            <div class="basicItem">
                            	<div class="border130 lFloat" style="height:auto;">
                                	<table width="100%" border="0" cellpadding="0" cellspacing="0">
                                    	<tbody>
                                        	<tr>
                                            	<td>
				                            		{image userid=$AppUI->id type=1 small=1 attr="id=\"idAvatar\""}                            	
                                              	</td>
                                          	</tr>
                                            <tr {if $AppUI->id|ouser:"imageid"==0}style="display:none;"{/if} id="avatarAct">
                                            	<td>
                                                	<a href="javascript:editAvatar();" class="lFloat" style="width:auto;display:inline-block;"><img src="{$smarty.const.HOST_STATICS}img/btn/avatar-edit.gif" width="84" height="26" alt="Chỉnh sửa ảnh đại diện" border="0" /></a>
                                    				<a href="javascript:delAvatar('{$AppUI->id|secret:$smarty.const.SE_ACCOUNT_AVATAR_DEL}');" class="lFloat lMargin5" style="width:auto;display:inline-block;"><img src="{$smarty.const.HOST_STATICS}img/btn/avatar-del.gif" width="40" height="26" alt="Xóa bỏ ảnh đại diện" border="0" /></a>
                                                </td>
                                            </tr>
                                      	</tbody>
                                   	</table>
                                </div>
                                <div class="formAvatar">
                                	<form id="frmSettingAvatar" name="frmSettingAvatar" action="" method="post" enctype="multipart/form-data">
                                        <fieldset>
                                            <legend>Đăng ảnh mới</legend>
                                            <div class="userInput" id="formUpload">
                                                <input type="file" name="pimage" id="pimage" {if $strBrowser == "Firefox"}size="71"{/if} onchange="javascript:uploadAvatar();" />
                                                <span class="lFloat">
                                                	<a href="javascript:;" name="#avatar" style="margin-top:0px;" id="aimage" class="tipsy" title="Định dạng cho phép: .PNG .PJG .GIF .PJEG<br/><br/>Dung lượng tối đa của ảnh đại diện là {$smarty.const.IMAGE_SIZE}MB.<br/>"><img src="{$smarty.const.HOST_STATICS}img/icon/tips.png" alt="{$smarty.const.DOMAIN}: Hướng dẫn {$AppUI->fullnamevn|escape} đăng ảnh đại diện,tìm bạn,kết thân,xây dựng cộng đồng" border="0" width="13" style="margin-top:5px;margin-left:5px;" /></a>
                                                </span>
                                                <span class="errorMessage lFloat" style="display:none;"></span>
                                            </div>
                                            <div class="userInput" id="formLoading" style="display:none;"></div>
                                        </fieldset>
                                   	</form>
                                    <ul>
                                    	<li>- Khả năng kết bạn của bạn sẽ tăng lên gấp nhiều lần khi người khác nhìn thấy ảnh Thật của bạn.</li>
                                        <li>- {$smarty.const.DOMAIN_NAME} khuyến khích bạn nên dùng hình chân dung làm ảnh đại diện.</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="boxBasic">
                            <div class="headerTitle"><h3>Hồ sơ cá nhân<a name="#pri"></a></h3></div>
                            <div class="basicItem">                            	
                                <div class="basicItems tMargin0">
                                    <label>Họ &amp; tên</label>
                                    <div class="view" id="ctrVFullName">                                    	
                                        <div class="data">{$objUser->fullnamevn}</div>
                                        <div class="edit"><a href="#pri" onclick="javascript:basicLoad(5, 'ctrVFullName','ctrFFullName');return false;">Chỉnh sửa</a></div>
                                    </div>
                                    <div class="form" id="ctrFFullName"></div>
                                </div>                                
                                <div class="basicItems">
                                    <label>Địa chỉ</label>
                                    <div class="view" id="ctrVAddr">                                    	
                                        <div class="data">
                                            {if $objUser->addr}{$objUser->addr},&nbsp;{/if}
                                            {if $objUser->district_name}{$objUser->district_name},&nbsp;{/if}
                                            {if $objUser->province_name}{$objUser->province_name},&nbsp;{/if}
                                            {$objUser->country_name}
                                        </div>
                                        <div class="edit"><a href="#pri" onclick="javascript:basicLoad(6, 'ctrVAddr','ctrFAddr');return false;">Chỉnh sửa</a></div>
                                    </div>
                                    <div class="form" id="ctrFAddr">&nbsp;</div>
                                </div>
                                <div class="basicItems">
                                    <label>Tự giới thiệu</label>
                                    <div class="view" id="ctrVIntroduce">                                    	
                                        <div class="data">{if $objUser->introduce}{$objUser->introduce|replace:"\n":"<br/>"}{else}----//----{/if}</div>
                                        <div class="edit"><a href="#pri" onclick="javascript:basicLoad(7, 'ctrVIntroduce','ctrFIntroduce');return false;">Chỉnh sửa</a></div>
                                    </div>
                                    <div class="form" id="ctrFIntroduce">&nbsp;</div>
                                </div>
                                <div class="basicItems">	
                                    <label>Tính cách</label>
                                    <div class="view" id="ctrVPersonality">                                    	
                                        <div class="data">{if $objUser->personality}{$objUser->personality|replace:"\n":"<br/>"}{else}----//----{/if}</div>
                                        <div class="edit"><a href="#pri" onclick="javascript:basicLoad(8, 'ctrVPersonality','ctrFPersonality');return false;">Chỉnh sửa</a></div>
                                    </div>
                                    <div class="form" id="ctrFPersonality">&nbsp;</div>
                                </div>
                                <div class="basicItems">
                                    <label>Tôn giáo</label>
                                    <div class="view" id="ctrVReligion">                                    	
                                        <div class="data">{if $objUser->religion_name}{$objUser->religion_name}{else}----//----{/if}</div>
                                        <div class="edit"><a href="#pri" onclick="javascript:basicLoad(9, 'ctrVReligion','ctrFReligion');return false;">Chỉnh sửa</a></div>
                                    </div>
                                    <div class="form" id="ctrFReligion">&nbsp;</div>
                                </div>
                                <div class="basicItems">
                                    <label>Trình độ học vấn</label>
                                    <div class="view" id="ctrVEducation">                                    	
                                        <div class="data">{if $objUser->education_name}{$objUser->education_name}{else}----//----{/if}</div>
                                        <div class="edit"><a href="#pri" onclick="javascript:basicLoad(10, 'ctrVEducation','ctrFEducation');return false;">Chỉnh sửa</a></div>
                                    </div>
                                    <div class="form" id="ctrFEducation">&nbsp;</div>
                                </div>                                 
                                <div class="basicItems">
                                    <label>Nghề nghiệp</label>
                                    <div class="view" id="ctrVOccupation">
                                        <div class="data">{if $objUser->occupation_name}{$objUser->occupation_name}{else}----//----{/if}</div>
                                        <div class="edit"><a href="#pri" onclick="javascript:basicLoad(11, 'ctrVOccupation','ctrFOccupation');return false;">Chỉnh sửa</a></div>
                                    </div>
                                    <div class="form" id="ctrFOccupation">&nbsp;</div>
                                </div>
                                <div class="basicItems">
                                    <label>Chức vụ</label>
                                    <div class="view" id="ctrVPosition">                                    	
                                        <div class="data">{if $objUser->position_name}{$objUser->position_name}{else}----//----{/if}</div>
                                        <div class="edit"><a href="#pri" onclick="javascript:basicLoad(12, 'ctrVPosition','ctrFPosition');return false;">Chỉnh sửa</a></div>
                                    </div>
                                    <div class="form" id="ctrFPosition">&nbsp;</div>
                                </div>
                                <div class="basicItems">
                                    <label>Tình trạng hôn nhân</label>
                                    <div class="view" id="ctrVMarital">                                    	
                                        <div class="data">{if $objUser->marital_name}{$objUser->marital_name}{else}----//----{/if}</div>
                                        <div class="edit"><a href="#pri" onclick="javascript:basicLoad(13, 'ctrVMarital','ctrFMarital');return false;">Chỉnh sửa</a></div>
                                    </div>
                                    <div class="form" id="ctrFMarital">&nbsp;</div>
                                </div>
                                <div class="basicItems bMargin10">
                                    <label>Ngoại hình</label>
                                    <div class="view" id="ctrVBMI">                                    	
                                        <div class="data">{if $objUser->height > 0}{$objUser->height|height}{else}----//---{/if} - {if $objUser->weight > 0}{$objUser->weight}kg{else}----//----{/if}</div>
                                        <div class="edit"><a href="#pri" onclick="javascript:basicLoad(14, 'ctrVBMI','ctrFBMI');return false;">Chỉnh sửa</a></div>
                                    </div>
                                    <div class="form" id="ctrFBMI">&nbsp;</div>
                                </div>
                            </div>
                        </div>                    	
                    </div>
               	</div>
            </div>
        </div>
    </div>
    {if isset($smarty.get.type) && $smarty.get.type > 0}
		<script type="text/javascript" language="javascript">
            var intType = "{$smarty.get.type}";
        </script>
        <script type="text/javascript" language="javascript" src="{$smarty.const.HOST_STATICS}js/account/basic-onload.js"></script>
    {/if}
{include file="common/footer.tpl"}